#3D5E18

Color Details

HEX
#3D5E18
RGB
rgb(61, 94, 24)
HSL
hsl(88, 59%, 23%)
CMYK
cmyk(35%, 0%, 74%, 63%)
Best text on this color #FFFFFF (CR 7.47:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3d5e18
Contrast 2.81:1 Fail
White on #3d5e18
Contrast 7.47:1 AAA
#3d5e18 on Black
Contrast 2.81:1 Fail
#3d5e18 on White
Contrast 7.47:1 AAA

Tints & Shades

#647e46
#8b9e74
#b1bfa3
#314b13
#25380e
#18260a

Complement & Analogous

#38185d
#1a5d18
#5d5b18

Triadic

#183d5d
#5d183d

Monochrome

#18260a #25380e #3d5e18 #8b9e74 #b1bfa3 #d8dfd1

Analogous

#5d5b18 #8e8c5d #3d5e18 #487d46 #1a5d18 #154a13

Complementary Mix

#25380e #3d5e18 #8b9e74 #38185d #7e6996 #24103c

Nearby Colors

#3d5e17
#3d5e19
#3d5e08
#3d5e28

Embed #3D5E18 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #3D5E18

#3D5E18 converts to RGB(61, 94, 24) and HSL(88, 59%, 23%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#3D5E18 FAQs

What is the RGB value of #3D5E18?
RGB: 61, 94, 24. Copy as CSS: rgb(61, 94, 24)
Is #3D5E18 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3D5E18?
Complement: #38185d.
Does #3D5E18 have good contrast on white or black?
On white: 7.47:1 (AAA (normal text)). On black: 2.81:1 (Fails AA).